<template>
	<div class="permission-limit">
		<div class="container">
			<img src="../assets/user_limit.png">
			<p>抱歉，该应用仅限<em>企业管理员</em>使用</p>
		</div>
	</div>
</template>

<script>
export default {

  	name: 'permission_limit',

  	data () {
	    return {

	    };
  	}
};
</script>

<style lang="scss" scoped>
	.permission-limit{
		position: absolute;
		width: 100%;
		height: 100%;
		background: #fff;

		.container{
			width: 100%;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			text-align: center;

			img{
				width: 278px;
				height: 278px;
			}
			p{
				width: 100%;
				font-size: 28px;
				line-height: 5;

				em{
					font-style: normal;
					color: #30c5c3;
				}
			}
		}
	}
</style>